function openDrawer() {
    document.getElementById('sidebarDrawer').classList.remove('translate-x-full');
}
function closeDrawer() {
    document.getElementById('sidebarDrawer').classList.add('translate-x-full');
}
// بەتنىڭ قېلىپ قالغان قىسمىغا چېكىلسە يېپىلسۇن
document.addEventListener('click', function(e) {
    const drawer = document.getElementById('sidebarDrawer');
    const btn = document.querySelector('[onclick="openDrawer()"]');
    if (!drawer.contains(e.target) && !btn.contains(e.target)) {
        drawer.classList.add('translate-x-full');
    }
});

// F قۇرنى كۆرسىتىش/يوشۇرۇش (ئۈزچات)
document.addEventListener('DOMContentLoaded', function() {
    const toggleF = document.getElementById('toggleFRow');
    const fRow = document.getElementById('fRowPreview');
    const toggleNum = document.getElementById('toggleNumRow');
    const numRow = document.getElementById('numRowPreview');

    // سۈكۈتتىكى قىممەتلەر
    const defaultF = false; // F قۇر سۈكۈتتە يوشۇرۇن
    const defaultNum = true; // سان قۇر سۈكۈتتە ئېچىلغان

    // localStorage دىن ئوقۇش
    const savedF = localStorage.getItem('showFRow');
    const savedNum = localStorage.getItem('showNumRow');

    // F قۇرنىڭ باشلىنىشچان ئەھۋالى
    toggleF.checked = savedF !== null ? savedF === 'true' : defaultF;
    fRow.classList.toggle('hidden', !toggleF.checked);

    // سان قۇرنىڭ باشلىنىشچان ئەھۋالى
    toggleNum.checked = savedNum !== null ? savedNum === 'true' : defaultNum;
    numRow.classList.toggle('hidden', !toggleNum.checked);

    // ئۆزگەرتكەندە ساقلاش
    toggleF.addEventListener('change', function() {
        localStorage.setItem('showFRow', toggleF.checked);
        fRow.classList.toggle('hidden', !toggleF.checked);
    });
    toggleNum.addEventListener('change', function() {
        localStorage.setItem('showNumRow', toggleNum.checked);
        numRow.classList.toggle('hidden', !toggleNum.checked);
    });

    // ئاۋاز تەڭشىكى
    const toggleSound = document.getElementById('toggleKeySound');
    const defaultSound = true; // ئاۋاز سۈكۈتتە ئېچىلغان

    // localStorage دىن ئاۋاز ھالىتىنى ئوقۇش
    const savedSound = localStorage.getItem('keyboardSoundEnabled');

    // ئاۋازنىڭ باشلىنىشچان ئەھۋالىنى تەڭشەش
    toggleSound.checked = savedSound !== null ? savedSound === 'true' : defaultSound;
    // keyboard.js دىكى ئاۋاز ھالىتىنى يېڭىلاش
    if (typeof setKeyboardSoundEnabled !== 'undefined') {
        setKeyboardSoundEnabled(toggleSound.checked);
    }

    // ئاۋاز تەڭشىكى ئۆزگەرگەندە
    toggleSound.addEventListener('change', function() {
        // keyboard.js دىكى ئاۋاز ھالىتىنى يېڭىلاش ۋە localStorage غا ساقلاش
        if (typeof setKeyboardSoundEnabled !== 'undefined') {
            setKeyboardSoundEnabled(toggleSound.checked);
        }
    });
});